<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <meta name="author" content="order by dede58.com"/>
		<title>小米商城-个人中心</title>
		<link rel="stylesheet" type="text/css" href="/css/style.css">

		<!--引入axios框架-->
		<script src="/js/axios.min.js"></script>
		<!--引入Vue框架-->
		<script src="/js/vue.js"></script>
	</head>

	<body>
	<!-- start header -->
		<header id="nav">
			<div class="top center">
				<div class="left fl">
					<ul>
						<li><a href="/views/index.html" target="_blank">小米商城</a></li>
						<li>|</li>
						<li><a href="">MIUI</a></li>
						<li>|</li>
						<li><a href="">米聊</a></li>
						<li>|</li>
						<li><a href="">游戏</a></li>
						<li>|</li>
						<li><a href="">多看阅读</a></li>
						<li>|</li>
						<li><a href="">云服务</a></li>
						<li>|</li>
						<li><a href="">金融</a></li>
						<li>|</li>
						<li><a href="">小米商城移动版</a></li>
						<li>|</li>
						<li><a href="">问题反馈</a></li>
						<li>|</li>
						<li><a href="">Select Region</a></li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="right fr">
					<div class="gouwuche fr"><a href="/views/gouwuche.html">购物车</a></div>
					<div class="fr">
						<ul>
							<li><a href="/views/login.html" target="_blank" v-if="!userInfo.success">登录</a></li>
							<li v-if="!userInfo.success">|</li>
							<li><a href="/views/register.html" target="_blank" v-if="!userInfo.success">注册</a></li>
							<li v-if="userInfo.success"><a href="">{{userInfo.data.userName}}</a></li>
							<li v-if="userInfo.success">|</li>
							<li v-if="userInfo.success"><a href="/logout">退出</a></li>
							<li v-if="userInfo.success">|</li>
							<li v-if="userInfo.success"><a href="">消息通知</a></li>
							<li>|</li>
							<li><a href="/views/dingdanzhongxin.html">订单中心</a></li>
							<li>|</li>
							<li><a href="/views/self_info.html">个人中心</a></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
		</header>
	<!--end header -->
	<!-- start banner_x -->
		<div class="banner_x center">
			<a href="/views/index.html" target="_blank"><div class="logo fl"></div></a>
			<a href=""><div class="ad_top fl"></div></a>

			<div id="kind" class="nav fl">
				<ul>
					<li v-for="k in kind_arr"><a :href="'/shoppingsingle/ddCategorysInfo/' + k.id" target="_blank">{{k.categoryName}}</a></li>
				</ul>
			</div>

			<div class="search fr">
				<form action="" method="post">
					<div class="text fl">
						<input type="text" class="shuru"  placeholder="小米6&nbsp;小米MIX现货">
					</div>
					<div class="submit fl">
						<input type="submit" class="sousuo" value="搜索"/>
					</div>
					<div class="clear"></div>
				</form>
				<div class="clear"></div>
			</div>
		</div>
<!-- end banner_x -->
<!-- self_info -->
	<div class="grzxbj">
		<div class="selfinfo center">
		<div class="lfnav fl">
			<div class="ddzx">订单中心</div>
			<div class="subddzx">
				<ul>
					<li><a href="" style="color:#ff6700;font-weight:bold;">我的订单</a></li>
					<li><a href="">意外保</a></li>
					<li><a href="">团购订单</a></li>
					<li><a href="">评价晒单</a></li>
				</ul>
			</div>
			<div class="ddzx">个人中心</div>
			<div class="subddzx">
				<ul>
					<li><a href="/views/self_info.html">我的个人中心</a></li>
					<li><a href="">消息通知</a></li>
					<li><a href="">优惠券</a></li>

					<!-- :href="'addressupdate.html?'+obj.id"-->
					<li><a href="/views/address.html">收货地址</a></li>



				</ul>
			</div>
		</div>
		<div id="ordersApp"  class="rtcont fr" >
			<div class="ddzxbt">交易订单</div>

			<div class="ddxq"   v-for="order in orders" >
				<div class="ddspt fl"><img src="/image/gwc_xiaomi6.jpg" alt=""></div>
				<!--<div class="ddbh fl">{{order.id}}</div>-->
				<div class="ztxx fr">
					<ul>
						<li v-show="order.sendStatus == 0">未发货</li>
						<li v-show="order.sendStatus == 1">已发货</li>
						<li>￥{{order.totalPrice}}</li>
						<li v-show="order.payStatus == 0">未付款</li>
						<li v-show="order.payStatus == 1">已付款</li>
						<li>{{order.createTime}}</li>
						<li><a :href="'order_detail.html?'+ order.id">订单详情></a></li>
						<div class="clear"></div>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="clear"></div>
		</div>
	</div>
<!-- self_info -->
		
		<footer class="mt20 center">			
			<div class="mt20">小米商城|MIUI|米聊|多看书城|小米路由器|视频电话|小米天猫店|小米淘宝直营店|小米网盟|小米移动|隐私政策|Select Region</div>
			<div>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</div> 
			<div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</div>
		</footer>


	<script src="/js/common.js"></script>
	<script src="/js/orders_nav.js"></script>

	</body>
</html>